<template>
    <div class="export">
        <el-button class="btn-common" @click="btnExport">导出</el-button>
        <div class="note">提示：建议导出数据在一万条以内，数据较多时可查询后导出</div>
    </div>
</template>

<script>
//   import { exportCheck } from 'api/reportForms';
    export default {
        name: 'ExportExcel',
        // props: {
        //     jsonStr: {
        //     type: Object,
        //     default: false
        //     }
        // },
        // data() {
        //     return {
        //         exportUrl : process.env.REPORTFORMS_API,
        //     }
        // },
        methods: {
            btnExport() {
                this.$emit('ee') 
            }

//             500 内部错误	由系统异常导致
// 501 查询系统繁忙，同时查询任务数超过20
// 502 查询结果集过大，请增加查询条件 查询结果集限制在50000内
// 503 导出结果集过大 请请增加查询条件,导出结果集限制在10000内
// 504 导出系统繁忙， 同时导出任务数超过3
            // 先验证，验证通过后（数据量可支持导出），再导出
            // vilateFileNum(){
            //     console.log(this.jsonStr,'this.jsonStr++')
            //     let msg='';
            //     let query=this.jsonStr.query,
            //      query_id=this.jsonStr.query_id,
            //      show_list=this.jsonStr.show_list,
            //      type=this.jsonStr.type,
            //      file_name=this.jsonStr.file_name,
            //      field_name=this.jsonStr.field_names,
            //      real_time=this.jsonStr.real_time;
            //     exportCheck( query_id, show_list, real_time, file_name, field_name, type, query).then(res => {
            //        let status=res.data.content;
            //             switch(status){
            //                 case 500:
            //                     msg='内部错误,由系统异常导致';
            //                     break;
            //                 case 501:
            //                     msg='查询系统繁忙,同时查询任务数超过20';
            //                     break;    
            //                 case 502:
            //                     msg='查询结果集过大,请增加查询条件,查询结果集限制在50000内';
            //                     break;
            //                 case 503:
            //                      msg='导出结果集过大,请增加查询条件,导出结果集限制在10000内';
            //                      break;
            //                 case 504:
            //                      msg='导出系统繁忙,同时导出任务数超过3';
            //                      break;
            //                 case 200:
            //                      msg='200';
            //                      break;
            //                 default://验证成功
            //                      msg = '';     
            //             };
            //            if(msg&&msg!=='200'){
            //                this.$alert(msg, ' ', {
            //                    callback: action => {
            //                        return 
            //                    }
            //                });
            //                return
            //             }
            //             if(msg=='200'){
            //                   this.exportExcel()
            //             }
            //     }).catch(() => {
            //         return false
            //     });
            // },
            // exportExcel() {
            //         var jsonStr = JSON.stringify(this.jsonStr);
            //         var $iframe = $('<iframe id="down-file-iframe" />');
            //         var $form = $('<form method="post" />');
            //         $form.attr('action', this.exportUrl + "/export");
            //         $form.append('<input type="hidden" name="data" value="' + encodeURI(jsonStr) + '" />');
            //         $iframe.append($form);
            //         $(document.body).append($iframe);
            //         $form[0].submit();
            //         $iframe.remove();
            // }
        }
    }
</script>

<style lang="scss" scoped>
    .export{
        display: flex;
        align-items: flex-end;
        .note{
            font-size: 12px;
            color: #ccc;
            margin-left: 18px;
        }
    }
</style>
